<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车页面</title>
    <link rel="stylesheet" href="../css/mycart.css">
    <link rel="stylesheet" href="../css/reset.css">
</head>
<body>
            <!-- 有户头部位置 -->
<div class="header">
    <!-- 版心 -->
    <div class="header-c">
        <ul class="header-items ">
            <li class="item-list actived"><a  href="#" class="item-link">首页</a></li>
            <li class="item-list left"><a  href="#" class="item-link">女装</a></li>
            <li class="item-list  left"><a href="#"  class="item-link">男装</a></li>
            <li class="item-list left"><a  href="#" class="item-link">箱包</a></li>
            <li class="item-list left"><a  href="#" class="item-link">配饰</a></li>
        </ul>
        
        <div class="header-right">
            <a href="#" class="header-cart">
                <span class="cart">我的购物车</span>
                <span class="num">11</span>
             </a>
            <a href="#" class="right-link"><img src="../image/setup.png" class="right-img"></a>
        </div>
    </div>
</div>
<div class="cart-main">
    <div class="cart-title">
        <input type="checkbox">
       <span class="info-name frist">商品信息</span> 
       <span class="info-name">尺码/颜色</span>
       <span class="info-name second">价格</span>
       <span class="info-name">数量</span>
       <span class="info-name thrid">小计</span>
       <span class="info-name">操作</span>
    </div>
    <!-- 购物车详情 -->
    <ul class="cart-details">
        <li class="list-item">
            <input type="checkbox" class="check-box">
            <div class="img-desc-30return">
            <img class="pop-img" src="../image/pop-img.png" alt="购物车弹窗图片">
            <p class="product-desc">【设计师合作款】女装 +J 双面呢大衣(外套) 446355</p>
             <p class="product-30return">支持30天无理由退换货</p>
            </div>
            <div class="size-color">
            <p class="product-size">尺码：155/80A/S</p>
            <p class="product-color">颜色：69&nbsp;&nbsp;藏青色</p>
            </div>
            <span class="product-price">￥1699.00</span>
                <div class="count-box">
                <button class="btn-ins">+</button>
                <input class="count-input" type="text" placeholder="1">
                <button class="btn-rdu">-</button>
            </div>
            <span class="product-subtotal">￥1699.00</span>
            <div class="btn-items">
            <button class="btn-collect">移入收藏夹</button> 
            <button class="btn-remove">删除</button>
            </div>
            <div class="clear"></div>
         
        </li><div class="split-line"></div>
        <li class="list-item">
            <input type="checkbox" class="check-box">
            <div class="img-desc-30return">
            <img class="pop-img" src="../image/pop-img.png" alt="购物车弹窗图片">
            <p class="product-desc">【设计师合作款】女装 +J 双面呢大衣(外套) 446355</p>
             <p class="product-30return">支持30天无理由退换货</p>
            </div>
            <div class="size-color">
            <p class="product-size">尺码：155/80A/S</p>
            <p class="product-color">颜色：69&nbsp;&nbsp;藏青色</p>
            </div>
            <span class="product-price">￥1699.00</span>
                <div class="count-box">
                <button class="btn-ins">+</button>
                <input class="count-input" type="text" placeholder="1">
                <button class="btn-rdu">-</button>
            </div>
            <span class="product-subtotal">￥1699.00</span>
            <div class="btn-items">
            <button class="btn-collect">移入收藏夹</button> 
            <button class="btn-remove">删除</button>
            </div>
            <div class="clear"></div>
         
        </li><div class="split-line"></div>
        <li class="list-item">
            <input type="checkbox" class="check-box">
            <div class="img-desc-30return">
            <img class="pop-img" src="../image/pop-img.png" alt="购物车弹窗图片">
            <p class="product-desc">【设计师合作款】女装 +J 双面呢大衣(外套) 446355</p>
             <p class="product-30return">支持30天无理由退换货</p>
            </div>
            <div class="size-color">
            <p class="product-size">尺码：155/80A/S</p>
            <p class="product-color">颜色：69&nbsp;&nbsp;藏青色</p>
            </div>
            <span class="product-price">￥1699.00</span>
                <div class="count-box">
                <button class="btn-ins">+</button>
                <input class="count-input" type="text" placeholder="1">
                <button class="btn-rdu">-</button>
            </div>
            <span class="product-subtotal">￥1699.00</span>
            <div class="btn-items">
            <button class="btn-collect">移入收藏夹</button> 
            <button class="btn-remove">删除</button>
            </div>
            <div class="clear"></div>
        </li>
         <div class="split-line"></div>
        <li class="list-item">
            <input type="checkbox" class="check-box">
            <div class="img-desc-30return">
            <img class="pop-img" src="../image/pop-img.png" alt="购物车弹窗图片">
            <p class="product-desc">【设计师合作款】女装 +J 双面呢大衣(外套) 446355</p>
             <p class="product-30return">支持30天无理由退换货</p>
            </div>
            <div class="size-color">
            <p class="product-size">尺码：155/80A/S</p>
            <p class="product-color">颜色：69&nbsp;&nbsp;藏青色</p>
            </div>
            <span class="product-price">￥1699.00</span>
                <div class="count-box">
                <button class="btn-ins">+</button>
                <input class="count-input" type="text" placeholder="1">
                <button class="btn-rdu">-</button>
            </div>
            <span class="product-subtotal">￥1699.00</span>
            <div class="btn-items">
            <button class="btn-collect">移入收藏夹</button> 
            <button class="btn-remove">删除</button>
            </div>
        </li>
 <div class="split-line"></div>
    </ul>
    <div class="clear"></div>
    <div class="sum-cart">
        <input type="checkbox">
       <span class="info-name frist">全选</span> 
       <span class="info-name">删除</span>
       <span class="info-name second">移入收藏夹</span>
       <span class="info-name thrid">总价：</span>
       <span class="info-num">￥5970.00</span>
      <button class="settlement">立即结算</button>
    </div>
</div>
</body>
</html>